<template>
  <view class="index">
    <Products-Box />
    <Tabbar-Box />
    <tab />
  </view>
</template>

<script lang="ts">
import { reactive, toRefs, ref } from 'vue';
// import Taro from '@tarojs/taro'
import ProductsBox from './components/ProductsBox.vue';
import TabbarBox from './components/TabbarBox.vue';
export default {
  name: 'indexPage',
  components: {
    'Products-Box': ProductsBox,
    'Tabbar-Box': TabbarBox,
  },
  setup() {
    const state = reactive({

    });
    // const showPrivacy = ref<boolean>(false);
    // // 登录执行完成后，页面跳转之前
    // // 查询隐私授权情况
    // Taro.getPrivacySetting({
    //   complete: (res: any) => {
    //     // 用户需要同意隐私协议
    //     // 打开弹窗
    //     if (res.needAuthorization) {
    //       showPrivacy.value = true;
    //     } else {
    //       // 用户已经同意过隐私协议，所以不需要再弹出隐私协议
    //       // 跳转页面
    //       Taro.reLaunch({ url: "/pages/mypage/index" });
    //     }
    //   },
    // });

    // // “同意”按钮的点击事件
    // const handleAgreePrivacyAuthorization = () => {
    //   showPrivacy.value = false;
    //   Taro.reLaunch({ url: "/pages/mypage/index" });
    // };

    // // 打开小程序隐私保护指引
    // const showPrivacyAuthorization = () => {
    //   Taro.openPrivacyContract({
    //     complete: (res) => {
    //       console.log("打开了小程序隐私保护指引", res);
    //     },
    //   });
    // };

    return {
      ...toRefs(state),
    }
  }
}
</script>

<style lang="scss">
.index {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: 100vh;
  background-color: #F0F0F0 !important;

}
</style>
